<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
	<!--<![endif]-->
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title></title>
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

		<link rel="stylesheet" href="css/normalize.css">
		<link rel="stylesheet" href="css/main.css">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" media="all"/>
		<!--[if gt IE 7]>
		<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css" media="screen">
		<![endif]-->
		<link rel="stylesheet" href="css/style.css">
		<!--[if IE 8]>
		<link rel="stylesheet" type="text/css" href="css/style_ie.css" media="screen">
		<![endif]-->
		<!--[if IE 7]>
		<link rel="stylesheet" type="text/css" href="css/style_ie7.css" media="screen">
		<![endif]-->
		<script src="js/vendor/modernizr-2.6.2.min.js"></script>
	</head>
	<body>
		<div id="myModal" class="modal hide fade" data-keyboard="false" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-header">
				<h3 id="myModalLabel">Mobile Payments Log In</h3>
			</div>
			<div class="modal-body">
				<div class="row-fluid">
					<div id="payment" class="tab-pane clearfix">
						<div class="padder">

							<div class="row-fluid">
								<form id="loginForm">
									<div class="row-fluid">
										<div class="span12">
											<div class="span6 input-label">
												<label for="pNo"> ID </label>
											</div>
											<div class="span4 input-element">
												<input type='text' class="span12" id="pNo" name="pNo"/>
											</div>
										</div>
									</div>
									<div class="row-fluid">
										<div class="span12">
											<div class="span6 input-label">
												<label for="pWord"> Password </label>
											</div>
											<div class="span4 input-element">
												<input type="password" class="span12 " id="pWord" name="pWord"/>
											</div>
										</div>
									</div>
									<div class="row-fluid thinRow">
										<div class="span12"></div>
									</div>
								</form>
							</div>
							<!-- Reset and View results buttons - - - - - - -->
							<div class="row-fluid thinRow">
								<div class="span12 actionButtons">
									<div>
										<ul>
											<li class="btn logIn">
												<i class="login"></i><span>Log In</span>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<!-- - - - - - - - - - - - - - -->

						</div>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<div id="loginError" class="alert alert-error">

				</div>
			</div>
		</div>
		<!--[if lt IE 7]>
		<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
		<![endif]-->
		<div id="adviserwebapp">
			<!--  Header - - - - - - - - - - - - - - - - - - - - -->
			<div class="row-fluid">
				<div id="header" class="span12">
					<div class="logo">
						<img class="logo-svg" src="img/PruUK_RGB.svg" alt="prudential" />
						<img class="logo-ie" src="img/PruUK_RGB_cc0000.png" alt="prudential" />
					</div>
					<h1>Prudential Mobile <span>Payments</span></h1>
					<div id="screen-size"></div>
				</div>
			</div>

			<div id="main">
				<!-- Inputs - - - - - - - - - - - - - - - - - -  -->
				<div class="row-fluid">
					<div id="payment" class="tab-pane clearfix">
						<div class="padder">
							<div class="row-fluid">
								<form id="paymentForm">
									<div class="row-fluid">
										<div class="span12">
											<div class="span6 input-label">
												<label for="mobileNo"> Mobile Number </label>
											</div>
											<div class="span2 input-element">
												<input type='text' class="span12" id="mobileNo" name="mobileNo"/>
											</div>
										</div>
									</div>
									<div class="row-fluid">
										<div class="span12">
											<div class="span6 input-label">
												<label for="amount"> Amount </label>
											</div>
											<div class="span2 input-element">
												<p class="currency">
													&pound;
												</p>
												<input type='number' class="span12 currency" id="amount" name="amount"/>
											</div>
										</div>
									</div>
									<div class="row-fluid">
										<div class="span12">
											<div class="span6 input-label">
												<label for="desc"> Description </label>
											</div>
											<div class="span6 input-element">
												<input type='text' class="span12" id="desc" name="desc"/>
											</div>
										</div>
									</div>
									<hr class="notIe7" />
									<div class="row-fluid">
										<div class="span12">
											<div class="alert alert-error">

											</div>
											<div class="alert alert-success">

											</div>
										</div>
									</div>

							</div>
							<!-- Reset and View results buttons - - - - - - -->
							<div class="row-fluid thinRow">
								<div class="span12 actionButtons">
									<div>
										<ul>
											<li class="btn resetForm" >
												<i class="reset"></i><span>Reset</span>
											</li>
											<li class="btn sendPayment">
												<i class="mobile"></i><span>Send Payment</span>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<!-- - - - - - - - - - - - - - -->
							</form>
						</div>
					</div>
				</div>
			</div>
			<div class="row-fluid" id="results">
				<div class="span12">

				</div>
			</div>
			<!-- Page Footer - - - - - - - - - - - - - - - - - - - -->
			<div class="row-fluid">
				<div id="footer" class="span12 clearfix">
					<span id="userName" class="warning"> For authorised staff only</span>
					<span class="url"> &copy; Imagine </span>
				</div>
			</div>
			<!-- - - - - - - - - - - - - - - - - - - - - - - -->
		</div>

		<script src="js/vendor/jquery-1.10.2.min.js"></script>
		<script src="js/vendor/bootstrap.min.js"></script>
		<script src="js/vendor/jquery.validate.min.js"></script>
		<script src="js/vendor/Class.create.js"></script>
		<script src="js/vendor/jquery-encoder-0.1.0.js"></script>
		<script src="js/plugins.js"></script>
		<script src="js/main.js"></script>

	</body>
</html>
